.container {  
    position: relative;
    top: 3rem;
    width: 100vw;
    min-height:29.3vw;
    display: flex;
    flex-direction: row;
    justify-content:center;
    align-items: center;
    overflow:hidden;
    background-color:var(--precolor-fou);
    background: url("../../../banner/banner_ins_filialpiety_precancer.jpg") no-repeat center; 
    background-size: contain;  
    margin-bottom: 3.5rem; 
} 
.container + p{text-align: center;font-weight: bold; font-size: 1rem;}
.product_info_desc{
  width: 90%;
  display: flex;
  flex-direction: column;
  justify-content:space-around;
  align-items: flex-start;
  overflow:hidden;
  background-color:var(--precolor-fou);
  margin:.5rem auto;
  font-size: .8rem;
  font-weight: normal;
}
.product_info_desc div:last-child p:last-child{
text-indent: 0rem;
padding-left: 2rem;
}
.product_info_desc div .desc_top{
  display: flex;
  font-size: 1rem;
  font-weight: bold;
  color: var(--color);
  text-indent: 0rem;}
.product_info_desc div p{
    text-indent: 2rem;}    

.product_info{
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content:flex-start;
    align-items: flex-start;
    overflow:hidden;
    background-color:var(--precolor-fou);
    margin:.2rem 2rem;
}
.product_info div p{
    display: flex;
    font-size: .8rem;
    font-weight: normal;
    color: var(--color);
    margin-bottom: .5rem;
}

.product_info_desc{
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content:space-around;
    align-items: flex-start;
    overflow:hidden;
    background-color:var(--precolor-fou);
    margin:.5rem auto;
    font-size: .8rem;
    font-weight: normal;
}
.product_info_desc div:last-child p:last-child{
  text-indent: 0rem;
  padding-left: 2rem;
}
.product_info_desc div .desc_top{
    display: flex;
    font-size: 1rem;
    font-weight: bold;
    color: var(--color);
    text-indent: 0rem;}
  .product_info_desc div p{
      text-indent: 2rem;}    

.product_info_two{
    height: 50vw;
    width: 70%;
    display: flex;
    flex-direction: column;
    justify-content:flex-start;
    align-items: center;
    overflow:hidden;
    background-color:var(--precolor-fou);
    margin-left:.5rem;
}  
.product_info_two > div:first-child{
    display: flex;
    align-items: center;
    background-color:var(--precolor-fou);
    margin:.5rem;
}
.Uncover_Secrets{
   height: 40vw;
   display: flex; 
   flex-direction: column;
   /* justify-content:space-around; */
   align-items: flex-start;
   overflow-y:scroll;
  }
  .Uncover_Secrets div{
    display: flex;
  }
  .Uncover_Secrets div p{
    font-size: .8rem;
    font-weight: normal;
  }

.respon_list_title{
  width: 90%;
  display: flex;
  flex-direction: row;
  justify-content:space-around;
  align-items: center;
  overflow:hidden;
  background-color:var(--precolor-fou);
  margin:.1rem auto;
  font-size: .8rem;
  font-weight: bold;
}  
.respon_list{
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content:space-around;
    align-items: flex-start;
    overflow:hidden;
    background-color:var(--precolor-fou);
    margin:.5rem auto;
    font-size: .8rem;
    font-weight: normal;
}
.respon_list_item{
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content:space-around;
  align-items: flex-start;
  overflow:hidden;
  background-color:var(--precolor-fou);
  margin:.1rem auto;
  font-size: .8rem;
  font-weight: normal;
}
.respon_list_txt{
  width: 70%;
  display: flex;
  align-items: flex-start;
  overflow:hidden;
  background-color:var(--precolor-fou);
}
.respon_list_limit1{
  width: 12%;
  display: flex;
  justify-content: flex-end;
  overflow:hidden;
  background-color:var(--precolor-fou);
}
.respon_list_limit4{
  width: 18%;
  display: flex;
  justify-content: flex-end;
  overflow:hidden;
  background-color:var(--precolor-fou);
}
